<%= render partial: "highlight",
   locals: {highlight: "ex3", name:"Ex3: 鼠标移过去自动打开和隐藏内容"} %>

<p>
  <a id="my-toggle-click">Toggle</a>
</p>

<div id="foo" style="border: 1px solid red;">
  <p>bar</p>
</div>

<script>
  $("#foo").hide();   // 先马上藏起来

  $("#my-toggle-click").hover(function(){
    // $("#foo").toggle();   // 移过去会有开关的效果
    $("#foo").fadeToggle()
    // $("#foo").slideToggle()
  })

</script>
